extends ../../layout/layout

block content
  .content-wrapper
    .search-condition
      form#form-search
        .form-inline
          .form-group
            label.marginR10 城市：
              select.form-control.form-width100(name="cityId")
          //- .form-group
          //-   label.marginR10 服务状态：
          //-     select.form-control.form-width100(name="status")
          //-       option(value="") 请选择
          .form-group
            label.marginR10 车辆来源：
              select.form-control.form-width100(name="source")
                option(value="") 请选择
                option(value="1") 自营车辆
                option(value="2") 加盟车辆
          .form-group
            label.marginR10 车辆品牌：
              select.form-control.form-width100(name="autoBrandId")
                option(value="") 请选择
          .form-group
            label.marginR10 车牌号：
              input.form-control.form-width150(name="autoNo" placeholder="请输入车牌号")
          .form-group
            label.marginR10 供应商：
              select.form-control.form-width100(name="supplierId")
                option(value="") 请选择
        .form-inline.marginT10
          .form-group
            label.marginR10 录入时间：
              input.form-control.form-width150#enterDate(name="createDate" placeholder="年-月-日")
          .form-group
            label.marginR10 下次年检时间：
              input.form-control.form-width150#annualInspectionExpireDate(name="nextFixDate" placeholder="年-月-日")
          .form-group
            button.pull-right.btn.btn-default#btn-search(type="button")
              i.fa.fa-search
              span 查询
    .com-op.marginT10
      button.btn.btn-default.marginR10#btn-add(type="button")
        i.fa.fa-plus
        span 新增
      button.btn.btn-default.marginR10#btn-edit(type="button")
        i.fa.fa-edit
        span 修改
      button.btn.btn-default.marginR10#btn-del(type="button")
        //- i.fa.fa-trash
        span 删除
      button.btn.btn-default.marginR10#btn-bind_unbind(type="button")
        //- i.fa.fa-？
        span 绑定/解绑
      button.btn.btn-default.marginR10#btn-export(type="button")
        //- i.fa.fa-?
        span 导出
      button.btn.btn-default.marginR10#btn-import(type="button")
        //- i.fa.fa-?
        span 导入
      button.btn.btn-default.marginR10(type="button")
        //- i.fa.fa-?
        span 操作记录

    .content-body.marginT10#table-box
      table.table#table-vehicle
      #pager-vehicle

block vendor_css
  link(rel='stylesheet', type="text/css", href="../../vendor/jqGrid/css/ui.jqgrid-bootstrap.css")

block vendor_js
  script(src="../../vendor/jqGrid/js/jquery.jqGrid.js")
  script(src="../../vendor/jqGrid/js/i18n/grid.locale-cn.js")
  script(src="../../vendor/laydate/laydate.js")
  script(src="../../vendor/jquery-validation-1.17.0/jquery.validate.min.js")
  script(src="../../vendor/jquery-validation-1.17.0/jquery.validate.extend.js")
  //- 文件上传
  script(src="../../vendor/jQuery-File-Upload/js/vendor/jquery.ui.widget.js")
  script(src="../../vendor/jQuery-File-Upload/js/jquery.fileupload.js")

block self_js
  script(src="../../js/module/vehicle/list.js")

block layer

  //- 车辆详情
  .layer-box#layer-vehicle-detail
    form.mw1200.padding20#form-vehicle-detail(name="form-vehicle-detail", autocomplete="off")
      +vehicleForm

  //- 查看图片大图
  .layer-box#layer-view-pic
    #layer-view-img(style="margin:20px")
      img(src="")

  //- 绑定/解绑
  .layer-box#layer-vehicle-bind_unbind.padding20
    .d-header
      span.text 已绑定司机
    form#bind-form.padding20
    .d-header
      span.text 司机列表
    .padding20
      form#form-driverSearch
        .form-inline
          .form-group
            label.marginR10 城市：
              select.form-control.form-width100(name="cityId")
          .form-group
            label.marginR10 姓名：
              input.form-control.form-width100(name="name")
          .form-group
            label.marginR10 司机状态：
              select.form-control.form-width150(name="state")
          .form-group
            button.pull-right.btn.btn-default#btn-driverSearch(type="button")
              i.fa.fa-search
              span 查询

      .content-body.marginT10#table-box
        table.table#table-driver
        #pager-driver
      .text-center.marginB10
        button.btn.btn-primary.marginT10#btn-bind(type="button")
          //-i.fa.fa-?
          span 绑定

mixin vehicleForm
  .d-header
    .form-text 车辆信息
  .padding20
    .row.form-row.form-row-sm.marginT10
      .col-xs-4
        .form-text 车辆来源：
        .form-container
          label.marginR10
            input(type="radio", name="source",  value="1" disabled)
            span &ensp;自营车辆
          label
            input(type="radio", name="source", value="2" disabled)
            span &ensp;加盟车辆
      .col-xs-4
        .form-text 城市：
        .form-container
          select.form-control#cityId(name="cityId", disabled)
      .col-xs-4
        .form-text 供应商：
        .form-container
          select.form-control(name="supplierId", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 车辆类型：
        .form-container
          select.form-control(name="type", disabled)
            option(value="") 请选择
      .col-xs-4
        .form-text 车辆品牌：
        .form-container
          select.form-control#vehicleBrand(name="autoBrandId", disabled)
      .col-xs-4
        .form-text 车辆型号：
        .form-container
          select.form-control#vehicleModel(name="autoModelId", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 车辆颜色：
        .form-container
          select.form-control(name="vehicleColor", disabled)
      .col-xs-4
        .form-text 车牌号：
        .form-container
          input.form-control(name="autoNo", disabled)
      .col-xs-4
        .form-text 车牌号颜色：
        .form-container
          select.form-control(name="plateColor", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 座位数：
        .form-container.form-inline
          input.form-control.form-width100.marginR10(name="seats",disabled)
          span 座
      .col-xs-4
        .form-text 用车类型：
        .form-container
          select.form-control#vehiclePurpose(name="vehiclePurpose", disabled)
      .col-xs-4
        .form-text 车辆照片：
        .form-container.form-inline
          img.border.a-pointer.marginR10#photoImg-preview(src="../../images/1x1.png" width="25" height="25")
          input#photoImg(type="hidden",name="photoImg")
          button.btn.btn-default.marginR10#photoImg-upload(type="button")
            //- i.fa.fa-upload
            span 上传
          button.btn.btn-default#photoImg-del(type="button")
            //- i.fa.fa-eraser
            span 清除
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 车辆所有人：
        .form-container
          input.form-control(name="ownerName", disabled)
      //- .col-xs-4
      //-   .form-text 车辆厂牌：
      //-   .form-container
      //-     input.form-control(name="", disabled)
      .col-xs-4
        .form-text 发动机号：
        .form-container
          input.form-control(name="engineId", disabled)
      .col-xs-4
        .form-text 编号：
        .form-container
          input.form-control(name="kid", readonly)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 车辆VIN码：
        .form-container
          input.form-control(name="vin", disabled)
      .col-xs-4
        .form-text 车辆注册日期：
        .form-container
          input.form-control#carRegDate(name="certifyDateA", disabled)
      .col-xs-4
        .form-text 燃料类型：
        .form-container
          input.form-control(name="fuelType", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 排量：
        .form-container
          input.form-control(name="engineDisplace", disabled)
      .col-xs-4
        .form-text 运输证字号：
        .form-container
          input.form-control(name="certificate", disabled)
      .col-xs-4
        .form-text 发证机构：
        .form-container
          input.form-control(name="transAgency", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 经营区域：
        .form-container
          input.form-control(name="transArea", disabled)
      .col-xs-4
        .form-text 运输证有效期：
        .form-container
          input.form-control#transLicePeriod-time(placeholder="请选择注册时间范围" name="transLicePeriod" disabled)
          input(type="hidden" name="transDateStart")
          input(type="hidden" name="transDateStop")
      .col-xs-4
        .form-text 初次登记表日期：
        .form-container
          input.form-control#firstRegFormDate(name="certifyDateB", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 车辆检修：
        .form-container
          select.form-control(name="fixState", disabled)
            option(value="") 请选择
      .col-xs-4
        .form-text 下次年检时间：
        .form-container
          input.form-control#nxtAnnualInspection(name="nextFixDate", disabled)
      .col-xs-4
        .form-text 年度审核状态：
        .form-container
          select.form-control(name="checkState", disabled)
            option(value="") 请选择
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 报备日期：
        .form-container
          input.form-control#reportDate(name="registerDate", disabled)
      .col-xs-4
        .form-text 服务类型：
        .form-container
          select.form-control(name="commercialType", disabled)
            option(value="") 请选择
      .col-xs-4
        .form-text 运价类型编码：
        .form-container
          input.form-control#fareType(name="fareType", readonly)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 卫星定位品牌：
        .form-container
          input.form-control(name="gpsBrand", disabled)
      .col-xs-4
        .form-text 卫星定位型号：
        .form-container
          input.form-control(name="gpsModel", disabled)
      .col-xs-4
        .form-text 卫星安装日期：
        .form-container
          input.form-control#SATSettingDate(name="gpsInstallDate", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 卫星定位IMEI号：
        .form-container
          input.form-control(name="gpsImei",disabled)
      .col-xs-4
        .form-text 行驶总里程数：
        .form-container.form-inline
          input.form-control.form-width100.marginR10(name="totalMileage",disabled)
          span 公里
      .col-xs-4
        .form-text 打印设备序列号：
        .form-container
          input.form-control(name="feePrintId", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 车辆状态：
        .form-container
          label.marginR10
            input(type="radio", name="state",  value="0" disabled)
            span &ensp;启用
          label
            input(type="radio", name="state", value="1" disabled)
            span &ensp;停用
  .d-header
    .form-text 保险信息
  .padding20
    .row.form-row.form-row-sm.marginT10
      .col-xs-4
        .form-text 保险公司名称：
        .form-container
          input.form-control(name="insurCom", disabled)
      .col-xs-4
        .form-text 保险号：
        .form-container
          input.form-control(name="insurNum", disabled)
      .col-xs-4
        .form-text 保险类型：
        .form-container
          input.form-control(name="insurType", disabled)
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 保险金额：
        .form-container
          input.form-control(name="insurCount", disabled)
      .col-xs-4
        .form-text 保险生效日期：
        .form-container
          input.form-control#insurenceStartDate(name="insurEff", disabled)
      .col-xs-4
        .form-text 保险到期日期：
        .form-container
          input.form-control#insurenceExpireDate(name="insurExp", disabled)
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 备注：
        .form-container
          textarea.form-control(name="remark" placeholder="请输入备注信息")
  #vehicle-driverInfo(style="display:none")
    .d-header
      .form-text 绑定司机
    .padding20
      #bind-form-view
